Ext.require([ 'Ext.tree.*', 'Ext.data.*', 'Ext.tip.*', 'Ext.grid.*',
        'Ext.util.*', 'Ext.state.*', 'Ext.ux.*' ]);

Ext.onReady(function() {

    var viewport = Ext.create('Ext.Viewport', {

        layout : {
            type : 'border',
            padding : 5
        },
        defaults : {
            split : true
        },
        items : [ /*
                     * { region : 'north', collapsible : true, title : 'wsApp',
                     * split : true, height : 100, minHeight : 60, html :
                     * 'wsApp' },
                     */{
            region : 'west',
            collapsible : true,
            title : 'function',
            split : true,
            width : '20%',
            minWidth : 100,
            minHeight : 140,
            html : '<div id="tree-div"></div>'
        }, {
            region : 'south',
            height : 100,
            split : true,
            collapsible : true,
            title : 'Splitter above me',
            minHeight : 60,
            html : 'ok'
        }, {
            region : 'center',
            collapsible : false,
            title : 'center',
            id : 'viewport_center',
            split : true,
            minWidth : 100,
            minHeight : 140,
            html : '<div id="center-div"></div>'
        } ]
    });

    var store = Ext.create('Ext.data.TreeStore', {
        root : E.loadData.treeData(),
        folderSort : true,
        sorters : [ {
            property : 'text',
            direction : 'ASC'
        } ]
    });

    var tree = Ext.create('Ext.tree.Panel', {
        store : store,
        bodyStyle : {
            border : '0px'
        },
        viewConfig : {
            plugins : {
                ptype : 'treeviewdragdrop'
            }
        },
        renderTo : 'tree-div',
        height : 300,
        useArrows : false,
        listeners : {
            itemclick : E.event.treeCilckCallback
        }
    });

});
